<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="wrap">
        <header id="back">
            <nav>
                <div class="logo">
                    <img src="../images/common/logo.png" alt="">
                </div>
                <div class="search">
                    <input type="text">
                    <span>搜索</span>
                    <i class="iconfont icon-sousuo"></i>
                </div>
                <div class="title">
                    <a href="../pages/index.html">首页</a>
                    <a href="../pages/artwork.html">艺术品</a>
                    <a href="../pages/artist.html">艺术家</a>
                    <a href="../pages/exhibition.html">展览</a>
                    <a href="../pages/article.html">文章</a>
                </div>
                <div class="btnBox">
                    <button>注册</button>
                    <button>登录</button>
                </div>
            </nav>
            <div class="photo">
                <div class="imgBox">
                    <img src="../images/index/bg.png" alt="">
                </div>
                <div class="textBox">
                    <h1>艺术与生活的融合</h1>
                    <p>著名艺术家集合</p>
                    <span>PERSISTING IN YOUR DREAM WILL BRING
                        YOU FRUITFUL RESULTS</span>
                    <div class="previewBox">
                        <span><span>3</span>月25日</span><span>展览节</span><span>震撼发布</span>
                    </div>
                </div>
            </div>
        </header>
        <main>
            <div class="artwBox">
                <div class="title">
                    <p>艺术品</p>
                    <div class="all">
                        查看全部
                        <i class="iconfont icon-xiangyou"></i>
                    </div>
                </div>
                <div class="art">
                    <div class="works">
                        <img src="../images/index/星月夜.png" alt="">
                        <p>梵高 《星月夜》</p>
                        <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                    </div>
                    <div class="works">
                        <img src="../images/index/圣维克多山.png" alt="">
                        <p>塞尚 《圣维克多山》</p>
                        <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                    </div>
                    <div class="works">
                        <img src="../images/index/小船和渔翁.png" alt="">
                        <p>梵高 《星月夜》</p>
                        <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                    </div>
                    <div class="works">
                        <img src="../images/index/日出印象.png" alt="">
                        <p>莫奈 《如初印象》</p>
                        <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                    </div>
                    <div class="works">
                        <img src="../images/index/格尔尼卡.png " alt="">
                        <p>毕加索 《格尔尼卡》</p>
                        <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                    </div>
                    <div class="works">
                        <img src="../images/index/人体画系列.png" alt="">
                        <p>皮诺·德埃尼 《人体画系列》</p>
                        <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                    </div>
                    <div class="works">
                        <img src="../images/index/蒙托尔热街的节日.png" alt="">
                        <p>莫奈 《蒙托尔热街的节日》</p>
                        <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                    </div>
                    <div class="works">
                        <img src="../images/index/睡莲.png" alt="">
                        <p>莫奈 《睡莲》</p>
                        <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                    </div>
                </div>
            </div>
            <div class="artistBox">
                <div class="title">
                    <p>艺术家</p>
                    <div class="all">
                        查看全部
                        <i class="iconfont icon-xiangyou"></i>
                    </div>
                </div>
                <div class="artistOneBox">
                    <div class="left">
                        <div class="imgBox">
                            <img src="../images/index/皮诺·德埃尼.png" alt="">
                        </div>
                        <div class="infoBox">
                            <p>皮诺·德埃尼</p>
                            <p>发表过<span>122</span>件艺术品</p>
                            <p>被<span>1300</span>位圈内人关注</p>
                            <button>+关注</button>
                        </div>
                    </div>
                    <div class="right">
                        百名画家集结于此，让我们时刻享受艺术的美。
                        使我们更能便捷的欣赏到艺术，且把艺术融入到
                        我们每个人的生活当中去，感受我们的艺术，也
                        时刻了解我们艺术家创作灵感。
                    </div>
                    <div class="redBorder"></div>
                </div>
                <div class="artistTwoBox">
                    <div class="artist">
                        <div class="imgBox">
                            <img src="../images/index/达利.png" alt="">
                        </div>
                        <div class="infoBox">
                            <p>达利</p>
                            <p>发表过<span>122</span>件艺术品</p>
                            <p>被<span>1300</span>位圈内人关注</p>
                            <button>+关注</button>
                        </div>
                    </div>
                    <div class="artist">
                        <div class="imgBox">
                            <img src="../images/index/马蒂斯.png" alt="">
                        </div>
                        <div class="infoBox">
                            <p>马蒂斯</p>
                            <p>发表过<span>122</span>件艺术品</p>
                            <p>被<span>1300</span>位圈内人关注</p>
                            <button>+关注</button>
                        </div>
                    </div>
                    <div class="artist">
                        <div class="imgBox">
                            <img src="../images/index/高更.png" alt="">
                        </div>
                        <div class="infoBox">
                            <p>高更</p>
                            <p>发表过<span>122</span>件艺术品</p>
                            <p>被<span>1300</span>位圈内人关注</p>
                            <button>+关注</button>
                        </div>
                    </div>
                    <div class="artist">
                        <div class="imgBox">
                            <img src="../images/index/达芬奇.png" alt="">
                        </div>
                        <div class="infoBox">
                            <p>达芬奇</p>
                            <p>发表过<span>122</span>件艺术品</p>
                            <p>被<span>1300</span>位圈内人关注</p>
                            <button>+关注</button>
                        </div>
                    </div>
                    <div class="artist">
                        <div class="imgBox">
                            <img src="../images/index/皮诺德埃尼.png" alt="">
                        </div>
                        <div class="infoBox">
                            <p>皮诺·德埃尼</p>
                            <p>发表过<span>122</span>件艺术品</p>
                            <p>被<span>1300</span>位圈内人关注</p>
                            <button>+关注</button>
                        </div>
                    </div>
                    <div class="artist">
                        <div class="imgBox">
                            <img src="../images/index/蒙克.png" alt="">
                        </div>
                        <div class="infoBox">
                            <p>蒙克</p>
                            <p>发表过<span>122</span>件艺术品</p>
                            <p>被<span>1300</span>位圈内人关注</p>
                            <button>+关注</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="exhBox">
                <div class="title">
                    <p>展览</p>
                    <div class="all">
                        查看全部
                        <i class="iconfont icon-xiangyou"></i>
                    </div>
                </div>
                <div class="exhBox_top">
                    <div class="bgBox">
                        <img src="../images/index/bg1.png" alt="">
                        <div class="empty"></div>
                    </div>
                    <div class="titleBox">
                        <p>OUTSTANDING ART EXHIBITION</p>
                        <p>艺术展览</p>
                    </div>
                    <i class="iconfont icon-arrow-left"></i>
                    <div class="exhArea">
                        <div>
                            <div class="circle"></div>
                            <div class="circle"></div>
                            <div class="circle"></div>
                            <span>油画展</span>
                            <p>名家油画展</p>
                            <p>广州中山大道中1034号</p>
                            <p>2019年3月20日</p>
                        </div>
                        <div>
                            <div class="circle"></div>
                            <div class="circle"></div>
                            <div class="circle"></div>
                            <span>水墨展</span>
                            <p>名家山水画</p>
                            <p>广州中山大道中1034号</p>
                            <p>2019年4月2日</p>
                        </div>
                        <div>
                            <div class="circle"></div>
                            <div class="circle"></div>
                            <div class="circle"></div>
                            <span>版画展</span>
                            <p>名家版画展</p>
                            <p>广州中山大道中1034号</p>
                            <p>2019年3月5日</p>

                        </div>
                        <div>
                            <div class="circle"></div>
                            <div class="circle"></div>
                            <div class="circle"></div>
                            <span>雕塑展</span>
                            <p>名家雕塑展</p>
                            <p>广州中山大道中1034号</p>
                            <p>2019年5月11日</p>
                        </div>
                    </div>
                    <i class="iconfont icon-W-03"></i>
                </div>
                <div class="exhBox_bottom">
                    <div class="bgBox">
                        <img src="../images/index/bg2.png" alt="">
                        <div class="empty"></div>
                    </div>
                    <div class="titleBox">
                        <p>INK PAINTING EXHIBITION</p>
                        <p>水墨展</p>
                    </div>
                    <i class="iconfont icon-arrow-left"></i>
                    <div class="exhArea">
                        <div class="circle">
                            <img src="../images/index/吴冠中.png">
                            <h3>吴冠中</h3>
                            <p>是20世纪现代中国绘画的代表画家，中国绘画艺术大师 ，民盟成员。终生致力于油画民族化及中国画现代化之探索...》</p>
                        </div>
                        <div class="circle">
                            <img src="../images/index/虾.png">
                            <h3>齐白石</h3>
                            <p>早年曾为木工，后以卖画为生，五十七岁后定居北京。擅画花鸟、虫鱼、山水、人物，笔墨雄浑滋润，色彩浓艳明快...》</p>
                        </div>
                        <div class="circle">
                            <img src="../images/index/马.png">
                            <h3>徐悲鸿</h3>
                            <p>擅长人物、走兽、花鸟，主张现实主义，于传统尤推崇任伯年，强调国画改革融入西画技法，作画主张光线、造型...》</p>
                        </div>
                    </div>
                    <i class="iconfont icon-W-03"></i>
                </div>
            </div>
            <div class="articBox">
                <div class="title">
                    <p>文章</p>
                    <div class="all">
                        查看全部
                        <i class="iconfont icon-xiangyou"></i>
                    </div>
                </div>
                <div class="artic_content">
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/index/空灵沙洲.png" alt="">
                        </div>
                        <div class="textBox">
                            <h3>遥思“空灵沙洲”</h3>
                            <p>江南人，对沙漠难免陌生。从艺多年来，走过不少地方，高原峡谷、平原丘陵、江河湖海、森林草原，西部也去过无数次，独未真正涉足有名号的大沙漠，求知有了些许期待。时日，文化学者伟光君先行约文，邀谈“公共视角的沙漠雕塑”，暑假才进民勤国际沙漠雕塑创作营，现也就只能天马行空，任文思驰骋了<span>[阅读文章]</span>
                            </p>
                            <p>
                                <span>By</span><span>徐正玲</span>
                            </p>
                            <span><i class="iconfont icon-aixin"></i>赞一下</span>
                        </div>
                    </div>
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/index/三八女人节.png" alt="">
                        </div>
                        <div class="textBox">
                            <h3>［征稿启事］三八女人节 主题作品征集</h3>
                            <p>过几天的三月八日，国际妇女节就要到了。近年来随着性别平权意识在国内的日益苏醒以及女性在社会分工中话语权的提升，这一为纪念二十世纪女性运动而设立的节日正被赋予着愈加重要的意义。正如爱默生所言：“WOMEN
                                IS THE FLOWER OF
                                CIVILIZATION”。自古以来，无论是内在的细腻情思还是外在的婀。<span>[阅读文章]</span></p>
                            <p>
                                <span>By</span><span>徐正玲</span>
                            </p>
                            <span><i class="iconfont icon-aixin"></i>赞一下</span>
                        </div>
                    </div>
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/index/时间的宠儿.png" alt="">
                        </div>
                        <div class="textBox">
                            <h3>在艺术中成为时间的宠儿</h3>
                            <p>江南人，对沙漠难免陌生。从艺多年来，走过不少地方，高原峡谷、平原丘陵、江河湖海、森林草原，西部也去过无数次，独未真正涉足有名号的大沙漠，求知有了些许期待。时日，文化学者伟光君先行约文，邀谈“公共视角的沙漠雕塑”，暑假才进民勤国际沙漠雕塑创作营，现也就只能天马行空，任文思驰骋了<span>[阅读文章]</span>
                            </p>
                            <p>
                                <span>By</span><span>徐正玲</span>
                            </p>
                            <span><i class="iconfont icon-aixin"></i>赞一下</span>
                        </div>
                    </div>
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/index/随心涂抹.png" alt="">
                        </div>
                        <div class="textBox">
                            <h3>随心涂抹的画画（七)</h3>
                            <p>江南人，对沙漠难免陌生。从艺多年来，走过不少地方，高原峡谷、平原丘陵、江河湖海、森林草原，西部也去过无数次，独未真正涉足有名号的大沙漠，求知有了些许期待。时日，文化学者伟光君先行约文，邀谈“公共视角的沙漠雕塑”，暑假才进民勤国际沙漠雕塑创作营，现也就只能天马行空，任文思驰骋了<span>[阅读文章]</span>
                            </p>
                            <p>
                                <span>By</span><span>徐正玲</span>
                            </p>
                            <span><i class="iconfont icon-aixin"></i>赞一下</span>
                        </div>
                    </div>
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/index/片羽微光.png" alt="">
                        </div>
                        <div class="textBox">
                            <h3>艺术回归生活 | 《片羽微光》展</h3>
                            <p>江南人，对沙漠难免陌生。从艺多年来，走过不少地方，高原峡谷、平原丘陵、江河湖海、森林草原，西部也去过无数次，独未真正涉足有名号的大沙漠，求知有了些许期待。时日，文化学者伟光君先行约文，邀谈“公共视角的沙漠雕塑”，暑假才进民勤国际沙漠雕塑创作营，现也就只能天马行空，任文思驰骋了<span>[阅读文章]</span>
                            </p>
                            <p>
                                <span>By</span><span>徐正玲</span>
                            </p>
                            <span><i class="iconfont icon-aixin"></i>赞一下</span>
                        </div>
                    </div>
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/index/水彩世界.png" alt="">
                        </div>
                        <div class="textBox">
                            <h3>WE ARE THE WORLD 水彩“世界”</h3>
                            <p>江南人，对沙漠难免陌生。从艺多年来，走过不少地方，高原峡谷、平原丘陵、江河湖海、森林草原，西部也去过无数次，独未真正涉足有名号的大沙漠，求知有了些许期待。时日，文化学者伟光君先行约文，邀谈“公共视角的沙漠雕塑”，暑假才进民勤国际沙漠雕塑创作营，现也就只能天马行空，任文思驰骋了<span>[阅读文章]</span>
                            </p>
                            <p>
                                <span>By</span><span>徐正玲</span>
                            </p>
                            <span><i class="iconfont icon-aixin"></i>赞一下</span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="backBox">
                <a href="#back"><i class="iconfont icon-xiangshang"></i></a>
            </div>
        </main>
        <footer>
            <div class="footer_top">
                <a href="">客服中心</a>
                <a href="">专家顾问</a>
                <a href="">法律政策</a>
                <a href="">关于我们</a>
                <a href="">企业服务</a>
                <a href="">中文</a>
                <a href="">English</a>
            </div>
            <div class="footer_bottom">
                <p>我们在这：北京市小店区平阳路122号 电话：010-12345678
                    邮箱：957894748@126.com
                </p>
                <img src="../images/common/二维码.jpg" alt="">
            </div>
        </footer>
    </div>
</body>

</html>